<script setup>
const { setLocale } = useI18n()
</script>

<template>
  <div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">
    <div class="flex flex-col items-center">
      <button @click="setLocale('en')" class="px-4 py-2 bg-blue-500 text-white font-semibold rounded-lg hover:bg-blue-700 transition duration-300">
        英文
      </button>
      <button @click="setLocale('zh')" class="mt-2 px-4 py-2 bg-green-500 text-white font-semibold rounded-lg hover:bg-green-700 transition duration-300">
        中文
      </button>
      <p class="mt-4 text-xl font-medium text-gray-900">{{ $t('welcome') }}</p>
    </div>
  </div>
</template>
